/* 1.公共属性样式  .xxx{} */

  /* 版心 */
  .container{ 
    width: 1200px;
    margin: 0 auto;
  }

  /* 测试工具 */
  .bd{
    border: 1px solid red;
  }

  /* 浮动 */
  .fl{
    float: left;
  }

  .fr{
    float: right;
  }

  .clearfix::after{
    content: '';
    height: 0;
    display: block;
    clear: both;
  }

  /* 背景色 */
  .bgc000{
    background-color: #000;
  }

  


  /* 文字颜色 */
  .cfff{
    color: #fff;
  }
  .c666{
    color: #666;
  }
  .cgreen{
    color: #42C890;
  }
  .cred{
    color: #FF7587;
  }

  .c8e{
    color: #8e8e8e;
  }
 /* 字体大小 */

.f14{
  font-size: 14px;
}
.fwbold{
  font-weight: bold;
}
.f16{
  font-size: 16px;
}
.f36{
  font-size: 36px;
}


  /* 内边距 */
  .pd26{
    padding: 26px;
  }


  /* 外边距 */

.mt45{
  margin-top: 45px;
}
.mt13{
  margin-top: 13px;
}


/* 2.公共模块样式 */

/* head */
.head{
  border-bottom: 1px solid #aec7ec;
}
.head-logo img{
    padding: 20px 32px;
}

.head-btn{
    text-align: center;
    width: 200px;
}
.head-btn .btn-log{
    width: 78px;
    line-height: 24px; 
    display: inline-block;
    border: 2px solid #bad1f2;
    border-radius: 14px;
    box-sizing: border-box;
    margin: 0 8px;
}
.head-btn .btn-register{
    color: #fff;
    display: inline-block;
    background-color: #ed510a;
    border-radius: 12px;
    width: 78px;
    line-height: 26px;
    margin-top: 20px; 
}

.head-nav{
    line-height: 70px;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}
.head-nav li{
    float: left;
    height: 68px;
    vertical-align: middle;
    margin: 0 20px;
}
.head-nav .active {
  border-bottom: 2px solid #fff;
  font-size: 16px;
}
.head-btn .btn-log {
  color: #666;
  border: 2px solid #d1d1d1;
}
.btn-log:hover,
.btn-register:hover {
  opacity: 0.5;
}

/* foot */
.foot-left{
    width: 850px;
}
.foot-left .left-cont{
    margin-right: 50px;
}

.left-cont dt{
    font-weight: bol;
    font-size: 14px;
    margin-top: 44px;
    margin-bottom: 20px;
}

.left-cont dd a{
    line-height: 28px;
    color: #b3b3b3;
}

.left-permit{
    margin-top: 40px;
    margin-bottom: 20px;
}
.left-permit a{
    margin-right: 6px;
}
.left-permit span{
    color: #b3b3b3;
}

.foot-bottom{
    width: 260px;
    position: relative;
}
.foot-bottom a img{
    width: 100px;
    height: 100px;
}
.foot-bottom{
    text-align: right;
}
.foot-bottom h3{
    font-size: 14px;
    margin-top: 44px;
}
.foot-bottom p{
    color: #b3b3b3;
    margin-top: 12px;
    margin-bottom: 34px;
}
.foot-bottom span{
    color: #b3b3b3;
    float: left;
    position: absolute;
    left: 66px;
    top: 288px;
}











